const app = getApp()

Page({
  onShareAppMessage() {
    return {
      title: 'swiper',
      path: 'page/component/pages/swiper/swiper'
    }
  },

  data: {
    background: ['demo-text-1', 'demo-text-2', 'demo-text-3'],
    indicatorDots: true,//是否显示轮播点
    vertical: false,//是否竖直轮播
    autoplay: true,//是否自动播放
    interval: 5000,//自动播放间隔时长
    duration: 500,//幻灯片切换时长
    banners: [],
    news: [],
    baselURL: wx.baselURL,
    recomened: [],
    total: 0,
    newsIndex: 0,
    newItems: 'transform: translate(0rpx,0rpx);transition: transform 0.3s;',
    pageNum: 1,
    loading: '数据加载中...'
  },
  // getbanners(){
  //   wx.request({
  //     url: 'https://obuge.com/juzao/index/banners',//仅为示例，并非真实接口地址
  //     success:(res)=>{
  //       this.setData({
  //         banners:res.data
  //       })
  //     }
  //   })
  // },
  getBanners() {
    return new Promise((resolve, reject) => {
      wx.get('/index/banners').then((res) => {
        console.log(res)
        this.setData({
          banners: res
        })
        resolve()
      })

    })
    // let timer = setTimeout(()=>{
    //   //ajax获取数据
    //   let banners = [
    //     {
    //       id:1,
    //       img:'/image/lunbotu.png',
    //       path:'/pages/extend/extend'
    //     },
    //     {
    //       id:2,
    //       img:'/image/lunbotu.png',
    //       path:''
    //     },
    //     {
    //       id:3,
    //       img:'/image/lunbotu.png',
    //       path:''
    //     }
    //   ]
    //   this.setData({
    //     banners
    //   })
    // },3000)
  },
  // tapName:function(){//实现跳转
  //   wx:wx.navigateTo({
  //     url: '/pages/extend/extend',
  //   })
  // },
  //获取分类区域(封装)
  getFl() {
    return new Promise((resolve, reject) => {
      wx.get('/index/categorys').then((res) => {
        console.log(res)
        this.setData({
          Fl: res
        })
        resolve()
      })
    })
  },
  // getNews() {
  //   let timer = setTimeout(() => {
  //     let news = [
  //       {
  //         id: 1,
  //         img: '/image/new.png',
  //         title: '简雅新中式，极致的东方惊艳!'
  //       },
  //       {
  //         id: 2,
  //         img: '/image/new.png',
  //         title: '进口magis家具，剪刀石头布家居，海量现货，所见即所得'
  //       }
  //     ]
  //     this.setData({
  //       news
  //     })
  //   }, 500)
  // },
  getNews() {
    return new Promise((resolve, reject) => {
      wx.get('/index/news').then((res) => {
        this.setData({
          news: res
        })
        resolve()
      })
    })
  },
  changeNewsIndex() {
    this.data.newsTimer = setInterval(() => {
      let newsIndex = this.data.newsIndex
      newsIndex++
      if (newsIndex == this.data.news.length) newsIndex = 0//最后一张图切换到第一张图
      this.setData({
        newsIndex,
        newItems: 'transform:translate(0rpx,-' + newsIndex * 0 + 'rpx);transition:transform 3s;'
      })
      if (this.data.newsIndex == 2) {
        setTimeout(() => {
          this.setData({
            newsIndex: 0,
            newItems: 'transform: translate(0rpx,0rpx);'
          })
        }, 500)
      }
    }, 3000)
  },
  onLoad(query) {
    console.log('I am onload', query)
    this.getBanners()
    this.getNews()
    this.changeNewsIndex()
  },
  // 下拉刷新
  onPullDownRefresh() {
    this.data.pageNum = 1
    this.data.recomened = []
    this.getRecomend()
    this.getList()
    // this.data.pageNum = 1
    // this.data.lists = []
    // this.data.newsIndex = 0
    // Promise.all([this.getNews(), this.banner(), this.getIcons(), this.getRecommends()]).then(() => {
    //   wx.stopPullDownRefresh()
    // }).catch(e => {
    //   wx.stopPullDownRefresh()
    // })
    // this.getRecommends()
  },
 //上拉刷新
 onReachBottom(){
  if (this.data.total > this.data.recomened.length){
    this.data.pageNum++
    this.getRecomend()
  }
},

  // getRecommends() {
  //   return new Promise((resolve, reject) => {
  //     this.setData({ loading: '数据加载中...' })
  //     wx.request({
  //       url: 'https://obuge.com/juzao/index/recommends?pageNum=' + this.data.pageNum, //仅为示例，并非真实的接口地址
  //       success: (res) => {
  //         console.log(res.data)
  //         this.setData({
  //           loading: '已加载完成',
  //           lists: this.data.lists.concat(res.data.rows),
  //           total: res.data.total
  //         })
  //         resolve()
  //       }
  //     })
  //   })
  // },
  //获取分页区域(封装)
  getRecomend() {
    return new Promise((resolve, reject) => {
      this.setData({ loading: '数据加载中...' })
      wx.get('/index/recommends?pageNum=', {
        pageNum: this.data.pageNum
      }).then((res) => {
        console.log(res)
        this.setData({
          loading: '已加载完成',
          recomened: this.data.recomened.concat(res.rows),
          total: res.total
        })
        resolve()
      }
      )
    })
  },
  getList() {
    Promise.all([this.getBanners(), this.getNews(), this.changeNewsIndex(), this.getFl(), this.getRecomend()]).then(() => {
      console.log('所有数据加载完成')
    }).catch(e => {
      console.log(e)
    })
  },
  onLoad: function (options) {
    this.getList()
  },
  getUserProfile(e) {
    // 推荐使用wx.getUserProfile获取用户信息，开发者每次通过该接口获取用户个人信息均需用户确认，开发者妥善保管用户快速填写的头像昵称，避免重复弹窗
    wx.getUserProfile({
      desc: '展示用户信息', // 声明获取用户个人信息后的用途，后续会展示在弹窗中，请谨慎填写
      success: (res) => {
        console.log(res)
        this.setData({
          userInfo: res.userInfo,
          hasUserInfo: true
        })
      }
    })
  },
  getUserInfo(e) {
    // 不推荐使用getUserInfo获取用户信息，预计自2021年4月13日起，getUserInfo将不再弹出弹窗，并直接返回匿名的用户个人信息
    console.log(e)
    this.setData({
      userInfo: e.detail.userInfo,
      hasUserInfo: true
    })
  },


  // changeIndicatorDots() {
  //   this.setData({
  //     indicatorDots: !this.data.indicatorDots
  //   })
  // },

  // changeAutoplay() {
  //   this.setData({
  //     autoplay: !this.data.autoplay
  //   })
  // },

  intervalChange(e) {
    this.setData({
      interval: e.detail.value
    })
  },
  //轮播图点击
  banners: function (event) {
    console.log('点击成功', event)
    wx.showModal({
      title: '提示',
      content: '是否跳转到新品上市页面',
      success(res) {
        if (res.confirm) {
          console.log('用户点击确定')
          wx.switchTab({
            // url: event.currentTarget.dataset.path,
            url: "/pages/user/user",
          })
        } else if (res.cancel) {
          console.log('用户点击取消')
        }
      }
    })
  },

  //分类区域点击
  dj: function (e) {
    console.log('点击成功', e)
    wx.showModal({
      title: '提示',
      content: '是否进入新页面',
      success(res) {
        if (res.confirm) {
          console.log('用户点击确定')
          wx.switchTab({
            url: "/pages/extend/extend",
          })
        } else if (res.cancel) {
          console.log('用户点击取消')
        }
      }
    })
  },
  durationChange(e) {
    this.setData({
      duration: e.detail.value
    })
  }
})
